.btn{
width: 120px;
line-height: 38px;
text-align: center;
font-family:KaiTi ;
font-size: 18px;
color: #FFFFFF;
background: indianred;
text-shadow:1px 1px 1px #333;
border-radius: 5px;
margin:0 20px 20px 10px;
position: relative;
overflow: hidden;
outline:none;
text-decoration: none;  }
#ztbox ul.display{float:left;width:756px;padding:0;list-style:none;border-top:1px solid #333;border-right:1px solid #333;background:#c2defc;}
#ztbox ul .display li{float:left;width:754px;padding:10px 0;border-top:1px solid #111;border-right:1px solid #111;border-bottom:1px solid #333;border-left:1px solid #333;}
#ztbox ul .display li a{color:#e7ff61;text-decoration:none;}
#ztbox ul .display li .content_block{padding:0 10px;}
#ztbox ul.display li .content_block h2{padding:5px;font-weight:normal;font-size:1.7em;}
#ztbox ul.display li .content_block p{padding:5px 5px 5px 245px;font-size:1.2em;color:#fff;}
#ztbox ul.display li .content_block a img{padding:5px;border:2px solid #ccc;background:#fff;margin:0 15px 0 0;float:left;}


#imgTitle{ font-size: 30px;margin: auto;  }
.time{width: 100px; height: 40px; line-height: 20px;text-align: left; font-size: 20px;  }
.time li{ float:left; padding-top: 10px;  }
#div1{ margin: 0 100px 0 0;}
#div3{ float: left;  }
#div2{float:left;margin: 0 30px 0 20px;  }
#mytime{color: orangered;margin: 0 100px 0 0;  }
h4{float:right; margin: 0px;  }

#ztbox ul.display{float:left;width:100%;padding:0;list-style:none;border-top:1px solid #a9d4fc;border-right:1px solid #a9d4fc;background:#c2defc;margin: 0px;}
#ztbox ul.display li{clear:both; width:100%;height: 100px;padding-bottom: 10px;}
#ztbox ul.display li img{width:100px;height:100px;float:left;padding-left: 3px;}
#ztbox ul.display li .conten{float: right;width:207px;height:100px;padding-left: 10px;position: relative;}
#ztbox ul.display li .conten h2{font-size: 12px;margin:0;padding-top: 3px;}
#ztbox ul.display li .conten p{height: 80px; font-size: 10px; margin:0;overflow:hidden;text-overflow:ellipsis; }

@media screen and (min-width: 320px) and (max-width : 360px){
    #ztbox ul.display{float:left;width:319px;padding:0;list-style:none;border-top:1px solid #a9d4fc;border-right:1px solid #a9d4fc;background:#c2defc;margin: 0px;}
    #ztbox ul.display li{clear:both; width:320px;height: 100px;padding-bottom: 10px;}
    #ztbox ul.display li img{width:100px;height:100px;float:left;padding-left: 3px;}
    #ztbox ul.display li .conten{float: right;width:207px;height:100px;padding-left: 10px;position: relative;}
    #ztbox ul.display li .conten h2{font-size: 12px;margin:0;padding-top: 3px;}
    #ztbox ul.display li .conten p{height: 80px; font-size: 10px; margin:0;overflow:hidden;text-overflow:ellipsis; }
}
@media screen and (min-width: 360px) and (max-width : 375px){
    #ztbox ul.display{float:left;width:359px;padding:0;list-style:none;border-top:1px solid #a9d4fc;border-right:1px solid #a9d4fc;background:#c2defc;margin: 0px;}
    #ztbox ul.display li{clear:both; width:360px;height: 120px;padding-bottom: 10px;}
    #ztbox ul.display li img{width:120px;height:120px;float:left;padding-left: 5px;}
    #ztbox ul.display li .conten{float: right;width:220px;height:120px;padding-left: 10px;position: relative;}
    #ztbox ul.display li .conten h2{font-size: 12px;margin:0;padding-top: 3px;}
    #ztbox ul.display li .conten p{height: 98px; font-size: 10px; margin:0;overflow:hidden;text-overflow:ellipsis; }

}
@media screen and (min-width: 375px) and (max-width : 412px){
    #ztbox ul.display{float:left;width:374px;padding:0;list-style:none;border-top:1px solid #a9d4fc;border-right:1px solid #a9d4fc;background:#c2defc;margin: 0px;}
    #ztbox ul.display li{clear:both; width:375px;height: 130px;padding-bottom: 10px;}
    #ztbox ul.display li img{width:130px;height:130px;float:left;padding-left: 5px;}
    #ztbox ul.display li .conten{float: right;width:220px;height:130px;padding-left: 10px;position: relative;}
    #ztbox ul.display li .conten h2{font-size: 12px;margin:0;padding-top: 4px;}
    #ztbox ul.display li .conten p{height: 120px; font-size: 10px; margin:0;overflow:hidden;text-overflow:ellipsis; }

}
@media screen and (min-width: 412px) and (max-width : 479px){
    #ztbox ul.display{float:left;width:414px;padding:0;list-style:none;border-top:1px solid #a9d4fc;border-right:1px solid #a9d4fc;background:#c2defc;margin: 0px;}
    #ztbox ul.display li{clear:both; width:414px;height: 100px;padding-bottom: 10px;}
    #ztbox ul.display li img{width:140px;height:140px;float:left;}
    #ztbox ul.display li .conten{float: right;width:250px;height:140px;padding-left: 10px;position: relative;}
    #ztbox ul.display li .conten h2{font-size: 13px;margin:0;}
    #ztbox ul.display li .conten p{height: 110px; font-size: 11px; margin:0;overflow:hidden;text-overflow:ellipsis; }
}


/* 图片列表的弹出样式*/

 *{
     margin: 0;
     padding: 0;
 }
.box{
    width: 360px;
    height: 360px;
    margin: 20px auto;
    position: relative;
    overflow: hidden;
}
.img_box{
    height: 360px;
    width: 1080px;
    position: absolute;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
}
li{
    list-style-type:none;
}
img{
    width: 360px;
    height: 360px;
    float: left;
}
.switch{
    width: 50px;
    height: 30px;
    /*	  position: absolute;*/
}
#left{
    float: left;
    font-size: 15px;
    padding-left: 20%;
}
#right{
    float: right;
    font-size: 15px;
    padding-right: 20%;
}
#ly{position: absolute;
    top: 400px;
    filter: alpha(opacity=60);
    z-index: 2;
    left: 400px;
    display: none;
}
#Layer2{
    position: absolute; z-index: 3;top: 50%; left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff; display: none;
}
#layer2_table{
    width:100% ;
    height:360px;
    border: 0    solid    #e7e3e7;
    border-collapse: collapse ;
}
#table_td{
    background-color: #73A2d6;
    color: #fff;
    padding-left: 4px;
    padding-top: 2px;
    font-weight: bold;
    font-size: 12px;"
    height:10px;
    valign:middle;
}

